<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>

    // fetch 是一个新的发动网络请求 API， 可以理解为 xhr 的升级版
    // 但是他们是两个东西，fetch 的出现是为了取代xhr
    // fetch 基于 Promise，天生不存在回调地狱的问题

    // Promise 不是发送请求的，是解决异步回调的问题

    fetch('http://localhost:3000/data')
      // 第一个.then 是属于 fetch API 的一部分，只要使用 fetch 发送请求
      // 必须先写一个 then，返回一个 Promise 实例
      // 服务器返回的数据资源在第二个 then 中接收
      .then((data) => {
        return data.text()
      }).then((data) => {
        console.log(data)
      })
  </script>
</body>

</html>